<template>
    <div>
      <el-tabs v-model="activeName.value" class="demo-tabs"  :stretch="true">
        <el-tab-pane label="时间设置" name="first">
          <TimeSettings></TimeSettings>
        </el-tab-pane>
        <el-tab-pane label="已设置时间" name="second">
          <TimeTable></TimeTable>
        </el-tab-pane>
        
      </el-tabs>
    </div>
  </template>
  <script lang="ts" setup>
  // 组件导入
  import { reactive } from 'vue'
  // 自定义组件
  import TimeSettings from "./timeSettings.vue"
  import TimeTable from "./timeTable.vue"
  const activeName = reactive({
    value:'first'
  })

  </script>
  <style scoped>
  .demo-tabs{
    margin-top: 20px;
  }
  :deep(.el-tabs__item) {
    font-size: 26px;
  }
  
  </style>
  